<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>作品</title>
</head>

<body style="background-color: red">
	<p>这不就是？</p>
	<li><a href="index.html">主页</a></li>
	<li><a href="about.html">关于我</a></li>
	<li><a href="photo.html">相册</a></li>
	<li><a href="works.html">作品</a></li>
	<li><a href="articie.html">文章</a></li>
	<li><a href="bbs.html">联系我</a></li>
	<h1 id="456">111</h1>
	<h2>222</h2>
	<h3>333</h3>
	<h4>444</h4>
	<h5>555</h5>
	<h6>666</h6>
	<hr>
	<p>这是段落<br>
		文本</p>
	<p>这是段落文本</p>
	<p>这是段落文本</p>
	<hr>
	<a href="">这是空链接</a><br>
	<a href="http://www.qq.com/">这是外部超链接(腾讯网)</a><br>
	<a href="http://www.qq.com/" target="_blank">用新窗口打开外部超链接(腾讯网)</a><br>
	<a href="666.html">打开内部超链接</a><br>
	<a href="666.html#789" target="_blank">回到内部超链接底部</a><br>
	<a href="#123">回到锚点</a>
	<hr>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p id="123">锚点</p>
	<p><a href="#456">回到顶部</a></p>
	<hr>
	<p><img src="img/dog.jpg" alt="这是一只狗" width="50%"></p>
	<p><img src="img/cat.gif" alt="俩猫打架" width="50%"></p>
	<p><img src="img/yun.png" alt="云" width="50%"></p>
    <ul>
	<li>111</li>
	<li>222</li>
	<li>333</li>
	<li>444</li>
	<li>555</li>
	</ul>
	<hr>
	<ol>
	<li>111</li>
	<li>222</li>
	<li>333</li>
	<li>444</li>
	<li>555</li>
	</ol>
	<hr>
	<h2>div标签</h2>
	<div>这是div标签内容</div>
	<span>这是span标签</span> <span>这是span标签</span>
	<hr>
	<h2>布局标签</h2>
	<header>页眉header标签</header>
	<nav>导航标签 nav</nav>
	<main>页面主体main标签</main>
	<footer>页脚 footer标签</footer>
</body>
</html>
